<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <!-- css -->
    <link href="css1/bootstrap.min.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/bootstrap-icons/bootstrap-icons.css">
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.flexslider.js"></script>
    <script src="js/setting.js"></script>
</head>
<body>
<div id="wrapper" class="home-page">
    <header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="http://localhost:8080"><img class="logo-img" src="img/slides/logo.png" alt="logo"/></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="http://localhost:8080">首页</a></li>
                        <li><a href="/auth/toLogin">登录</a></li>
                        <li><a href="/auth/toRegister">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <section id="banner" class="banner-1">
        <!-- Slider -->
        <div id="main-slider" class="flexslider">
            <ul class="slides">
                <li>
                    <img src="img/slides/1.jpg" alt="" />
                    <div class="flex-caption container">
                        <h3>重庆师范大学校医院</h3>
                        <p>致力于为患者提供全面、精准、高效的医疗服务，始终坚持以人为本，以患者为中心的服务理念。我们不断提升医疗技术，引进先进医疗设备，加强人才队伍建设，优化就医流程，力求为每一位患者创造一个温馨、舒适、安全的就医环境。</p>
                    </div>
                </li>
            </ul>
        </div>
        <!-- end slider -->

    </section>
    <section class="txt-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="aligncenter"><h1 class="aligncenter">关于我们</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="about_section">
        <div class="container  ">
            <div class="row">
                <div class="col-md-6 ">
                    <div class="img-box">
                        <img src="img/slides/header-2.png" alt="">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="detail-box">
                        <div class="heading_container">
                            <h2><span>重庆师范大学校医院</span>
                            </h2>
                        </div>
                        <p>
                            重庆师范大学医院位于重庆师范大学校区内，建筑面积2950平方米，分别设有沙坪坝校区、虎溪校区两个医疗执业点。为学校副处级直属机构，是集医疗、预防保健、康复、健康教育为一体的综合性、非营利性的综合一级医院。2004年经重庆市人力资源和社会保障局批准为重庆市城镇职工基本医疗保险定点医疗机构，实施对外开放服务。
                        </p>
                        <a href="">
                            了解更多
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section id="services">
        <div class="container services-section">
            <div class="row">
                <div class="features">
                    <div class="col-md-4 col-sm-6 wow fadeInUp animated" data-wow-duration="300ms" data-wow-delay="0ms" style="visibility: visible; -webkit-animation-duration: 300ms; -webkit-animation-delay: 0ms;">
                        <div class="media service-box">
                            <div class="pull-left">
                                <img src="img/slides/1.png" alt="" />
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">高端仪器</h4>
                                <p>引进国际尖端医疗设备，确保诊断精确，治疗高效，为患者提供最优质的医疗服务。</p>
                            </div>
                        </div>
                    </div><!--/.col-md-4-->

                    <div class="col-md-4 col-sm-6 wow fadeInUp animated" data-wow-duration="300ms" data-wow-delay="100ms" style="visibility: visible; -webkit-animation-duration: 300ms; -webkit-animation-delay: 100ms;">
                        <div class="media service-box">
                            <div class="pull-left">
                                <img src="img/slides/2.png" alt="" />
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">病人关爱</h4>
                                <p>我们关注每一位患者的需求，用心呵护，让患者在医院感受到家的温暖与关怀。</p>
                            </div>
                        </div>
                    </div><!--/.col-md-4-->

                    <div class="col-md-4 col-sm-6 wow fadeInUp animated" data-wow-duration="300ms" data-wow-delay="200ms" style="visibility: visible; -webkit-animation-duration: 300ms; -webkit-animation-delay: 200ms;">
                        <div class="media service-box">
                            <div class="pull-left">
                                <img src="img/slides/3.png" alt="" />
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">专业技术</h4>
                                <p>我们医院拥有一支由资深专家和优秀医护人员组成的技术精湛医疗团队，始终紧跟医学前沿，不断提升诊疗水平。</p>
                            </div>
                        </div>
                    </div><!--/.col-md-4-->

                    <div class="col-md-4 col-sm-6 wow fadeInUp animated" data-wow-duration="300ms" data-wow-delay="300ms" style="visibility: visible; -webkit-animation-duration: 300ms; -webkit-animation-delay: 300ms;">
                        <div class="media service-box">
                            <div class="pull-left">
                                <img src="img/slides/4.png" alt="" />
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading"> 耐心检查</h4>
                                <p>细致入微地进行各项检查，确保不遗漏任何细节，为诊断提供准确依据。</p>
                            </div>
                        </div>
                    </div><!--/.col-md-4-->

                    <div class="col-md-4 col-sm-6 wow fadeInUp animated" data-wow-duration="300ms" data-wow-delay="400ms" style="visibility: visible; -webkit-animation-duration: 300ms; -webkit-animation-delay: 400ms;">
                        <div class="media service-box">
                            <div class="pull-left">
                                <img src="img/slides/5.png" alt="" />
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">体贴照护</h4>
                                <p>提供全方位的护理服务，体贴入微，让患者在康复过程中感受到温馨。</p>
                            </div>
                        </div>
                    </div><!--/.col-md-4-->

                    <div class="col-md-4 col-sm-6 wow fadeInUp animated" data-wow-duration="300ms" data-wow-delay="500ms" style="visibility: visible; -webkit-animation-duration: 300ms; -webkit-animation-delay: 500ms;">
                        <div class="media service-box">
                            <div class="pull-left">
                                <img src="img/slides/7.png" alt="" />
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">周期检查</h4>
                                <p>我们定期为患者进行复查，及时掌握病情变化，确保治疗效果</p>
                            </div>
                        </div>
                    </div><!--/.col-md-4-->
                </div>
            </div>

        </div>
    </section>

    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="graph mb-60">
                    <img src="img/slides/graph-img.svg" alt="">
                </div>
            </div>
        </div>
    </div>


    <!--    ///////////////////医生展示-->


    <section id=team class="team-section pt-150 pb-150">
        <div class=container>
            <div class=row>
                <div class="col-xl-8 mx-auto">
                    <div class="section-title text-center mb-55"> <span class="wow fadeInDown" data-wow-delay=.2s></span>
                        <h2 class="mb-15 wow fadeInUp" data-wow-delay=.4s>年度优秀医生</h2>
                    </div>
                </div>
            </div>
            <div class=team-slider-wrapper>
                <div class="row team-active">
                    <div class="col-xl-3 col-lg-3" th:each="doctor, iterStat : ${doctors}" th:if="${iterStat.index} < 4">
                        <div class="single-team text-center mb-85">
                            <a th:href="@{/doctordetail/{id}(id=${doctor.id})}">
                            <div class="team-img mb-50">
                                <div th:style="'background-image: url(' + ${doctor.tx} + '); height: 250px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;'"></div>
                            </div>
                            <div class="team-info">
                                <h5><a><span th:text="${doctor.job}"></span>: <span th:text="${doctor.name}"></span></a></h5>
                                <div class="doctor-introduce" style="width: 99%; color: gray; text-align: left" th:text="${doctor.note}"></div>
                            </div>
                            </a>
                        </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <!--    //////////////////////公告-->
    <section id="blog" class="blog-section pt-150">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 mx-auto">
                    <div class="section-title text-center mb-55">
                        <h2 class="mb-15 wow fadeInUp" data-wow-delay=".4s">医院公告</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-6" th:each="boardDetail,iterStat2:${boards}" th:if="${iterStat2.index}<3">
                    <div class="board-list single-blog mb-30 wow fadeInUp" data-wow-delay=".2s">
                        <div class="blog-content">
                            <h4><a href="#"><span th:text="${boardDetail.title}"></span></a></h4>
<!--                            <p th:text="${boardDetail.content}"></p>-->
                            <div class="board-see">
                            <i class="bi bi-eye-fill"></i>
                            <span>浏览量：</span>
                            <span th:text="${boardDetail.seecount}"></span>
                            </div>
                            <p class="board-time"   th:text="${boardDetail.fbrq}"></p>
                            <a class="learn-more"  th:href="@{/boardDetail/{id}(id=${boardDetail.id})}">
                                查看详情
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>


    <!-- end contact section -->

    <footer id="page-footer" class=" footer-section panel-footer" style="width: 100%; overflow: hidden;">
        <div class="container">
            <div class="row footer-top" style="text-align: center;">
                <img class="footer-logo" src="img/slides/logo.png">
            </div>
            <div class="col-md-12 container" style="background-color: #232B2B">
                <center>
                    <p>Copyright© 2024 All Rights Reserved. </p>
                    <p>重庆师范大学--校医院</p>
                </center>

            </div>
        </div>
    </footer>
    <!-- end info_section -->
</div>
<a href="#" class="scrollup"><i class="bi bi-arrow-up-square-fill active"></i></a>
<script src="js/jquery.js"></script>
</body>
</html>